<html>
<head>
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
</head>
<body>
      <script src='js/jquery-2.0.0.min.js'></script>
      <script src='js/bootstrap.min.js'></script>
<div class="container-fluid">
  <nav class="navbar navbar-default">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">
          <img alt="Brand" src="img/favicon.ico">
        </a>

    <div class="row">
    <div class="col-lg-6">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Search for...">
        <span class="input-group-btn">
          <button class="btn btn-default" type="button">
            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>Search
          </button>
        </span>
      </div><!-- /input-group -->
    </div><!-- /.col-lg-6 -->

    <span class="input-group-btn">
      <button class="btn btn-default" type="button">
        <span class="glyphicon glyphicon-tree-deciduous" aria-hidden="true"></span>1
      </button>

      <button class="btn btn-default" type="button">
        <span class="glyphicon glyphicon-apple" aria-hidden="true"></span>1
      </button>


      <button class="btn btn-default" type="button">
        <span class="glyphicon glyphicon-piggy-bank" aria-hidden="true"></span>2
      </button>
    </span>
  </div>
  </div><!-- /.row -->
</div>
</nav>
<div class="container">
<div class="row">
  <div class="col-md-3">
    <ul class="list-group">
      <li class="list-group-item">Cras justo odio</li>
      <li class="list-group-item">Dapibus ac facilisis in</li>
      <li class="list-group-item">Morbi leo risus</li>
      <li class="list-group-item">Porta ac consectetur ac</li>
      <li class="list-group-item">Vestibulum at eros</li>
      <li class="list-group-item">Cras justo odio</li>
      <li class="list-group-item">Dapibus ac facilisis in</li>
      <li class="list-group-item">Morbi leo risus</li>
      <li class="list-group-item">Porta ac consectetur ac</li>
      <li class="list-group-item">Vestibulum at eros</li>
      <li class="list-group-item">Cras justo odio</li>
      <li class="list-group-item">Dapibus ac facilisis in</li>
      <li class="list-group-item">Morbi leo risus</li>
      <li class="list-group-item">Porta ac consectetur ac</li>
      <li class="list-group-item">Vestibulum at eros</li>
    </ul>
  </div>
  <div class="col-md-6">
    <div class="input-group input-group-lg">
      <span class="input-group-addon" id="sizing-addon1">@</span>
      <input type="text" class="form-control" placeholder="Username" aria-describedby="sizing-addon1">
    </div>
    <div class="btn-group btn-group-justified" role="group" aria-label="...">
    <div class="btn-group" role="group">
      <button type="button" class="btn btn-default">Left</button>
    </div>
    <div class="btn-group" role="group">
      <button type="button" class="btn btn-default">Middle</button>
    </div>
    <div class="btn-group" role="group">
      <button type="button" class="btn btn-default">Right</button>
    </div>
  </div>

  </div>
  <div class="col-md-3">
    <img src="img/slide-img1.jpg" alt="..." class="img-thumbnail">

  </div>
</div>
</div>

</div>
<!-- container-fluid -->
</body>
</html>
